<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
    var arr = ['red', 'green', 'blue', 'pink'];
    // 1.forEach 迭代遍历
    // arr.forEach(function(value) {
    //     if (value === 'green') {
    //         console.log('找到了该元素');
    //         return true; // 在 forEach 里面的 return 不会终止迭代
    //     }
    //     console.log(11);
    // })


    // 如果查询数组中唯一的元素，用 some 方法更合适
    arr.some(function(value) {
        if (value === 'green') {
            console.log('找到了该元素');
            return true; // 在 some 里面遇到 return true 就是终止遍历，迭代效率更高
        }
        console.log(11);
    })

    // arr.filter(function(value) {
    //     if (value === 'green') {
    //         console.log('找到了该元素');
    //         return true; // 在 filter 里面的 return 不会终止迭代
    //     }
    //     console.log(11);
    // })

    </script>
</body>
</html>